草庐IT

Flutter 学习 之 封装 WebView

全部标签

javascript - React-Native:Webview Javascript-Injection 未按预期工作

我想做什么:我进行了一次获取调用,这为我提供了一个APItoken以登录网络。现在我想将一个cookie(包含此api-token)注入(inject)Webview,这样我应该会自动登录。我尝试了什么:我像这样设置了一个Webview:在上面我将cookie设置为:cookie:'document.cookie=\'apiToken=xxx;userId=1;expires=28799\'';我也加载了thischromeextension并在Chrome中注入(inject)上面的行,它完美地工作..我读到javascript在View加载后被注入(inject),但这应该仍然有效

javascript - 在 React Native App 的 WebView 中包含外部 JavaScript 文件

我试图在我的ReactNative项目的WebView中包含一个外部JavaScript文件。我希望包含的文件是用纯JavaScript(无ES5或更高版本)编写的npm上不可用的第三方库。我需要一个解决方案来将我的JS文件注入(inject)到ReactNative项目的WebView中,而无需导入它或使其成为npm模块。我尝试了以下方法,但目前没有效果:我试过像这样加载脚本:Insertscripttag我尝试按照此处的答案在injectedJavaScript中动态加载脚本:LinkJSfilefromaJSfile这是我的外部AppGeneral.js:functionAppG

javascript - react - 在不破坏封装的情况下访问 DOM

是否有一种规范的方法可以在不破坏封装的情况下执行类似以下的操作?importReact,{Component,PropTypes}from'react';classDashboardextendsComponent{constructor(props,context){super(props,context);this.setRef=::this.setRef;}componentDidMount(){constnode=ReactDOM.findDOMNode(this.someRef);constnewHeight=window.innerHeight-node.offsetTop

javascript - 如何在 Ionic 的框架内打开 webview?

我需要的是在Ionic应用程序页面的框架内加载HTML代码,而无需打开新窗口或覆盖页面的其余部分。想法是有一个框架可以打开网页,而不会覆盖或破坏页面的其余部分,如标题、按钮等。基本上,我想做的是等同于Ionic框架应用程序中的AndroidWebView。这可能吗?没有太多代码,就是一个简单的消息应用的“消息详情”页面,只是消息必须显示为网页。我需要显示带有顶部按钮的标题和它们下方的WebView。 最佳答案 您只想在您的应用程序中显示带有标题的任何WebView。是的,可以使用iframehtml标记。但它只适用于http网页浏览

javascript - 从 webview 中捕获 native 后退按钮事件

我是webviews的新手,正在尝试使用它做一个应用程序。我有一个使用javascript显示的弹出窗口。它有一个关闭按钮来关闭。除了关闭按钮,我还想使用native后退按钮。也就是说,如果用户点击后退按钮,我的弹出窗口应该关闭。我的疑问是,它是否需要对native应用程序进行任何更改?或者webview将后退按钮操作转换为webview可以理解的一些事件,例如按键? 最佳答案 我不知道您是否支持HTML5,但如果支持,HistoryAPI中的history.pushState和history.onpopstate将完全满足您的需求

javascript - 如何让Electron WebView填充指定大小?

我已经尝试将ElectronWebView添加到基本应用程序,并在其上设置minwidth和minheight,如下所示。虽然它加载时总是以784pxX150px结束 最佳答案 这也是其他人报告的问题。在原子讨论中webviewautosize.似乎“autosize”并没有说出最终窗口大小的最终结果;css参数可能会干扰并改变结果。针对此问题提出的一些css解决方法可能会有所帮助:将html和正文宽度设置为100%:html,body{width:100%;height:100%;margin:0;padding:0;}在webv

vue3 | HighCharts实战自定义封装之径向条形图

1.前言目前正在做vue3的数据可视化项目,vue3的组合式api写法十分方便,可以有各种玩法,有兴趣的同学可以看我个人主页的其他文章。难点是在网上找了一圈的有关径向条形图的示例都没有好的解决方案,决心亲自下手,在其中有一些试错,所以总结出来了一套方法,如何引入Highcharts,以及如何从0开始使用径向条形图,知识点包括:vue引入和配置Highcharts封装径向条形图的组件:RadialBar.vue,使用数据驱动页面径向条形图上的点击事件,获取参数,调用接口进行详情查看目录1.前言2.先来看效果图3.步骤详解3.1vue3安装highcharts3.2如何使用,如何按需引入4.封装R

javascript - 手机间隙 : Resize webview on keyboard display in Android

我有一个类似(固定定位)的模态,类似于facebook在最新的android版本中的feed/chatinmessenger中的评论。我想要的看起来与此类似:因此,当您专注于输入时,键盘会打开并缩小WebView。默认情况下它不工作,我找不到任何解决方案。我试图将此首选项添加到config.xml但adjustResize没有做任何事情,并且stateVisible只是在我启动时打开键盘应用程序。这很奇怪。截至AndroidDocumentationadjustResize应该这样做:Theactivity'smainwindowisalwaysresizedtomakeroomfor

javascript - 如何在 electron webview 中连接到代理?

因为我可以通过a连接到免费代理服务器(或付费),目前用作桌面应用程序的electronJS解决方案示例代理列表服务器http://proxylist.hidemyass.com/ 最佳答案 您可以使用.setProxy()session对象的方法。您可以像下面的示例一样直接指定代理://inmain.jsvarelectron=require('electron');varBrowserWindow=electron.BrowserWindow;mainWindow=newBrowserWindow({"width":970,"he

javascript - 在()之间封装js函数?

这个问题在这里已经有了答案:关闭11年前。PossibleDuplicate:Differencebetween(function(){})();andfunction(){}();google了很多:(function(){/*code*/})为什么他们将函数包含在括号内?两者之间的区别是:function(){/*code*/}?编辑好的,问题应该是这样的:为什么他们将他们的代码包含在其中:(function(){/*code*/})();而是直接把代码写进js流?有什么好处,不同的行为吗?